<form class="form-horizontal" id="form-add-type">

    <div class="form-group">
        <label class="control-label col-xs-2">抓取地址</label>
        <div class="col-xs-9">
            <input type="text" class="form-control" name="url" placeholder="抓取地址" required>
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-2">支持地址</label>
        <div class="col-xs-9">
            <input name="tb" type="text" readonly class="form-control" value="淘宝：https://item.taobao.com/item.htm?id=587902079930" />
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-2"></label>
        <div class="col-xs-9">
            <input name="tm" type="text" readonly class="form-control" value="天猫：https://detail.tmall.com/item.htm?spm=a230r.1.14.286.1ce14af9dxZ2D8&id=574207317108&ns=1&abbucket=12" />
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-2"></label>
        <div class="col-xs-9">
            <input name="jd" type="text" readonly class="form-control" value="京东：https://item.jd.com/100002610485.html" />
        </div>
    </div>


    <div class="form-group">
        <div class="col-xs-offset-2 col-xs-3">
            <button type="submit" class="btn btn-success btn-block">确认抓取</button>
        </div>
    </div>


</form>

<script src="__PUBLIC__/vendors/jquery.validation/jquery.validate.min.js"></script>
<script src="__PUBLIC__/vendors/jquery.validation/additional-methods.js"></script>
<script src="__PUBLIC__/vendors/jquery.validation/messages_zh.min.js"></script>
<script type="application/javascript">
    $(function () {
        $("#form-add-type").validate({
            messages:
                {
                    url: "请输入抓取地址"
                },
            debug: true,
            submitHandler: function () {
                ajaxSubmit('form-add-type', true);
            }
        });

    })
</script>